<!DOCTYPE html>
<html lang="en-US">
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			.content-wrap{
				    width: 1000px;
    				margin: 0 auto;
			}
			.logo{
				width: 200px;
				margin: 0 0 12px;
			}
			table{
				width: 100%;
			}
			table td{
				text-align: center;
			}
			.product-table{
				border-collapse: collapse; 
			}
			.product-table th{
				width: 25%;
			}
			.product-table td{
				border-top:1px solid #ccc;
				padding: 16px 0;
			}
		</style>
	</head>
	<body>
		<div class="content-wrap">
			<div style="text-align: center;">
				<img alt="" src="http://www.maggiemaostudio.com/assets/i/logo-default.png" class="logo" style="width:200px;margin: 12px 0 4px; "/>
			</div>
			<div style="border-top: 1px solid #ccc">
				<h2  style="font-size: 18px;">订单确认</h2>
				
				<p>感谢您在maggiemaostudio.com购物。已经收到您的订单{{$id}}</p>
				
				<p>请在60分钟内完成支付，超时系统将自动取消该订单。</p>
				
				<p>您可随时登陆MAGGIEMAO蔓茂花廊官网，进入<a href="http://www.maggiemaostudio.com/user">我的账户</a>，查看订单状态。</p>
				
				<p>如在支付过程中遇到困难或需要帮助，请联系我们的客服中心</p>
				<p>电话：400-710-8990<br>
				邮箱：info@maggiemaostudio.com
				</p>
			</div>
			
			<div style="border-top:1px solid #ccc;margin-top: 24px">
				<table>
					<thead>
						<tr>
							<th style="width:50%;text-align: left;">送货地址</th>
							<th style="width:50%;text-align: left;">卡片内容</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td style="text-align: left;">
								{{$address_name}}<br>
								{{$province.$city.$district.$street}}<br>
								手机：{{$mobile}}<br>
								订单号：{{$id}}
							</td>
							<td style="text-align: left;">
								{{$card_content or '没有卡片内容'}}
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			
			<div style="margin-top: 24px;">
				<table style="border-bottom: 1px solid #ccc" class="product-table">
					<thead>
						<tr>
							<th>商品</th>
							<th>价格</th>
							<th>数量</th>
							<th>金额</th>
						</tr>
					</thead>
					<tbody>
						@foreach($orderProducts as $op)
						<tr>
							<td style="text-align: left;">
								{{$op["brand"]}}<br>
								{{$op["name"]}}
							</td>
							<td>
								￥{{$op["price"]}}
							</td>
							<td>
								{{$op["quantity"]}}
							</td>
							<td>
								￥{{$op["price"] * $op["quantity"]}}
							</td>
						</tr>
						@endforeach
						<tr>
							<td colspan="4" style="text-align: right;">
								小计：￥{{$product_fee}}元<br>
								运费：￥{{$freight}}元<br>
								<b>总计：￥{{$total_fee}}元</b>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			
			<p><b>请注意:</b> 此邮件发送地址仅用于发送订单信息，无法接收邮件，请勿直接回复此邮件。</p>
			<!-- 
			<div>
				<p><span style="font-family: Georgia">MAGGIEMAO</span>蔓茂花廊已收到您的订单{{$id}}，金额为¥{{$total_fee}}</p>
				<p>请您在60分钟内完成支付，超时系统将自动取消该订单。</p>
				<p>如果您在网上付款受到支付限额影响而无法完成付款，这是由您所用的银行卡的网上支付限额决定的。请咨询您的银行卡开户行。</p>
				<p>如需帮助，请拨打客服电话400 710 8990</p>
				<p>您可以随时登录<span style="font-family: Georgia">MAGGIEMAO</span>蔓茂花廊，进入<a href="http://www.maggiemaostudio.com/user">我的账户</a>，查看订单状态。</p>
				<p>以下是您的订单地址：</p>
				<p>,,{{$mobile}}</p>
				<p>感谢您的订单，祝您购物愉快。</p>
				<p><span style="font-family: Georgia">MAGGIE MAO The Floral Art</span> | 蔓茂花廊</p>
			</div>
			 -->
		</div>
		
	</body>
</html>





